<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!--	引入JQuery包:  ..表示上上级目录   /表示下级目录-->
	<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
	<script type="text/javascript">
		//演示js绑定单击事件
		// window.onload = function (){
		// 	var btnId = document.getElementById("btnId");
		// 	// alert(btnId); //[object HTMLButtonElement] ===> dom对象
		// 	btnId.onclick = function (){
		// 		alert("js 原生的单击事件")
		// 	}
		// }

		$(function (){  //表示页面加载完成之后， 相当于 window.onload = function(){}
			// var elementById = document.getElementById("btnId");
			// alert(elementById)

			var $btnId = $("#btnId");
			$btnId.click(function (){
				alert("JQuery 单击事件")
			});
		});
	</script>
</head>
<body>

	<button id="btnId" >SayHello</button>

</body>
</html>